﻿        <div class="navig-nivo big-slider"><div class="nivo-directionNav"><a class="nivo-prevNav"></a><a class="nivo-nextNav"></a></div></div>
		<section id="slide">
      		<div class="slider-wrapper theme-default">
          		<div id="slider" class="nivoSlider">
					<?php foreach ($sliders as $slider): 
						$img = $this->Html->image("slide/".$slider['Slider']['imagen'], array('title'=>'#caption'.$slider['Slider']['id'],
																					'width'=>'950',
																					'height'=>'420'));
						echo "<a href=\"".$slider['Slider']['enlace']."\">".$img."</a>";
					endforeach; ?>
              	</div>
				<?php foreach ($sliders as $slider): ?>
					<div id="<? echo 'caption'.$slider['Slider']['id']; ?>" class="nivo-html-caption">
						<div class="caption-head"><? echo $slider['Slider']['titulo']; ?></div>
						<div class="text-capt">
							<p><? echo $slider['Slider']['texto']; ?></p>
						</div>
					</div>
				<?php endforeach; ?>
      		</div>   
    		<div class="mask"></div>
			 
		</section><!-- #slider-->

    	<div id="container" class="full-width">
      		<section class="half">
        		<h1>La escuela</h1>
				<div class="entry-content one-line type">
					<p>
					<h6>¿Qué es IDEM?</h6>
					IDEM es un centro de estudios y formación que pone a disposición del alumno las herramientas necesarias para llegar a ser un profesional de la moda y la imagen, con mente abierta y personalidad propia como señas de identidad.

					<h6>¿Qué profesionales forman IDEM?</h6>

					Creativos, profesionales de la moda, estilistas, especialistas en marketing y comunicación de moda, sociólogos, artistas, creativos, innovadores, especialistas en el Estilismo de Moda y Dirección Artística.
				
					
					<h6>METODOLOGÍA</h6>

					La metodología de estudios del Instituto de Estilismo y Moda se basa en los siguientes puntos:
					<div class="alignright caption">
						<img alt="" src="images/202x270.jpg" width="202" height="270"> 
					</div>	
					<ul>
						<li>Grupos reducidos.</li>
						<li>Flexibilidad horaria.</li>
						<li>Prácticas y colaboraciones en el sector.</li>
						<li>Participación en desfiles, concursos y eventos de moda.</li>
						<li>Respeto al alumnado.</li>
						<li>Orientación profesional.</li>
					</ul>
					<h6>PRÁCTICAS</h6>
					El Instituto de Diseño, Estilismo y Moda ofrece la posibilidad a su alumnado de realizar prácticas donde poder desarrollar los conocimientos adquiridos durante su formación y promocionarse dentro del sector.
					</p>
				</div>

			</section>
        	<section class="one-fourth">
        		<h2>LATEST TWITTS</h2>        
        		<div class="reviews-t">
          			<div class="coda-slider-wrapper">
            			<div class="coda-slider preload" id="coda-slider-2">
            
              				<div class="panel">
                				<div class="panel-wrapper">
                  					<p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa imperdiet.<br />
                                    <span class="blue-date">12 hours ago</span></p>
                				</div>
              				</div>
              
              				<div class="panel">
                				<div class="panel-wrapper">
                  					<p>Vel vitae aptent velit emagna in molestienec. torquent vehicula. Ut varius vestibulum ligula est labore semper   ornare morbi leo porttitor leo.<br />
                                    <span class="blue-date">5 hours ago</span></p>
                				</div>
              				</div>       
      
              				<div class="panel">
                				<div class="panel-wrapper">
                  					<p> Nulla aliquam, lacus quis varius porttitor, dolor lorem scelerisque   lorem, vel sagittis purus nisl et lacus. Sagittis fringilla.<br />
                                    <span class="blue-date">1 days ago</span></p>
               					</div>
              				</div>
                            
                            <div class="panel">
                				<div class="panel-wrapper">
                  					<p>In penatibus donec. In venenatis vivamus. Nulla aliquam, lacus quis varius porttitor, dolor lorem scelerisque   lorem, vel sagittis purus nisl et lacus.<br />
                                    <span class="blue-date">18 hours ago</span></p>
               					</div>
              				</div>
                            
                            <div class="panel">
                				<div class="panel-wrapper">
                  					<p>Nonummy a velit. Duis dapibus pulvinar. Aliquam egestas vivamus consectetuer massa imperdiet condimentum.<br />
                                    <span class="blue-date">4 days ago</span></p>
               					</div>
              				</div> 
            			</div>           
        			</div>
       				<div class="reviews-b"></div>                   
       			</div>
                <p class="autor twit"><a href="http://twitter.com/#!/premium_theme">@premium_theme</a></p>
			</section>	
          
      		<section class="one-fourth">
        		<h2>RECENT PHOTOS</h2>
          			<div class="flickr">
            			<a href="#" class="alignleft-f"><img src="images/58x58.jpg" width="58" height="58" alt="" /><i></i></a>
            			<a href="#" class="alignleft-f"><img src="images/58x58-1.jpg" width="58" height="58" alt="" /><i></i></a>
            			<a href="#" class="alignleft-f"><img src="images/58x58-2.jpg" width="58" height="58" alt="" /><i></i></a>
            			<a href="#" class="alignleft-f"><img src="images/58x58-3.jpg" width="58" height="58" alt="" /><i></i></a>
            			<a href="#" class="alignleft-f"><img src="images/58x58-4.jpg" width="58" height="58" alt="" /><i></i></a>
            			<a href="#" class="alignleft-f"><img src="images/58x58-5.jpg" width="58" height="58" alt="" /><i></i></a>
          			</div>
			</section>
          
            
    	</div><!-- #container-->
        <section id="partners" class="full w-photo">
      		<h2>RECENT WORKS</h2>
      		<div class="list-carousel recent">
					 <ul id="foo1">
                    <li>
                        <div class="textwidget">
                            <div class="textwidget-photo">
                                <a class="photo highslide" href="images/large/1.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="" src="images/215x122.jpg" width="217" height="122" /></a>
                                <a class="like"><span>1001</span></a>
                            </div>
                            <div class="widget-info">
                                <div class="textwidget-photo">
                                    <a class="photo highslide" href="images/large/8.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="" src="images/215x122.jpg" width="217" height="122" /></a>
                                    <a class="like"><span>1001</span></a>
                                </div>          
                                <a href="" class="head">Lorem ipsum portfolio work</a>
                                <p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa imperdiet. <br /></p> <a class="details" href="">Details</a>        
                            </div>          
                        </div>
               
                    </li>
                    <li>
                        <div class="textwidget">
                            <div class="textwidget-photo">
                                <a class="photo" href=""><img alt="" src="images/215x122-2.jpg" width="217" height="122" /></a>
                                <a class="like"><span>25</span></a>
                            </div>
                            <div class="widget-info">
                                <div class="textwidget-photo">
                                    <a class="photo highslide" href="images/large/4.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="" src="images/215x122-2.jpg" width="217" height="122" /></a>
                                    <a class="like"><span>25</span></a>
                                </div>          
                                <a href="" class="head">Lorem ipsum portfolio work</a>
                                <p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa imperdiet. </p>
                                <a class="details" href="">Details</a>         
                            </div>          
                        </div>
               
                    </li>
                    <li>
                        <div class="textwidget">
                            <div class="textwidget-photo">
                                <a class="photo" href=""><img alt="" src="images/215x122-4.jpg" width="217" height="122" /></a>
                                <a class="like"><span>109</span></a>
                            </div>
                            <div class="widget-info">
                                <div class="textwidget-photo">
                                    <a class="photo highslide" href="images/large/12.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="" src="images/215x122-4.jpg" width="217" height="122" /></a>
                                    <a class="like"><span>109</span></a>
                                </div>          
                                <a href="" class="head">Lorem ipsum portfolio work</a>
                                <p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa.</p>  
                                <a class="details" href="">Details</a>       
                            </div>          
                        </div>
               
                    </li>
            
                    <li>
                        <div class="textwidget">
                            <div class="textwidget-photo">
                                <a class="photo" href=""><img alt="" src="images/215x122-6.jpg" width="217" height="122" /></a>
                                <a class="like"><span>150</span></a>
                            </div>
                            <div class="widget-info">
                                <div class="textwidget-photo">
                                    <a class="photo highslide" href="images/large/16.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="" src="images/215x122-6.jpg" width="217" height="122" /></a>
                                    <a class="like"><span>150</span></a>
                                </div>          
                                <a href="" class="head">Lorem ipsum portfolio work</a>
                                <p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa imperdiet.</p> 
                                <a class="details" href="">Details</a>        
                            </div>          
                        </div>
                
                    </li>
                    <li>
                        <div class="textwidget">
                            <div class="textwidget-photo">
                                <a class="photo" href=""><img alt="" src="images/215x122-4.jpg" width="217" height="122" /></a>
                                <a class="like"><span>5</span></a>
                            </div>
                            <div class="widget-info">
                                <div class="textwidget-photo">
                                    <a class="photo highslide" href="images/large/12.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="" src="images/215x122-4.jpg" width="217" height="122" /></a>
                                    <a class="like"><span>5</span></a>
                                </div>          
                                <a href="" class="head">Lorem ipsum portfolio work</a>
                                <p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa.</p>  
                                <a class="details" href="">Details</a>       
                            </div>          
                        </div>
               
                    </li>
            
                    <li>
                        <div class="textwidget">
                            <div class="textwidget-photo">
                                <a class="photo" href=""><img alt="" src="images/215x122-6.jpg" width="217" height="122" /></a>
                                <a class="like"><span>52</span></a>
                            </div>
                            <div class="widget-info">
                                <div class="textwidget-photo">
                                    <a class="photo highslide" href="images/large/16.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="" src="images/215x122-6.jpg" width="217" height="122" /></a>
                                    <a class="like"><span>52</span></a>
                                </div>          
                                <a href="" class="head">Lorem ipsum portfolio work</a>
                                <p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec.</p> 
                                <a class="details" href="">Details</a>        
                            </div>          
                        </div>
                
                    </li>	
                </ul>  
					<a id="prev1" class="prev" href="#"></a>
					<a id="next1" class="next" href="#"></a> 
        	
      		</div>
    	</section>


